<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
html,body{
  height: 100%;
}
#app {
  font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
  height: 100%;
  background-color: #f8f8f8;
  overflow-y: auto;
}

.containner{
  width: 1210px;
  padding: 0 5px;
  margin: 0 auto;
}
.main{
  margin-top: 60px;
}
.main-img{
  width: 100%;
  height: 300px;
}
.router-link-exact-active {
  color: #ff9900 !important;
  font-weight: bold;
}
@media screen and (max-width: 1200px) {
  .main-img {
    height: 200px;
  }
}
@media screen and (max-width: 1210px){
  .containner{
    width:100%;
  }
}
</style>
